<!--
  Generated template for the MinePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-toolbar color="gm-primary">
    <div class="mine-header">
      <div class="sub-item">
        <img [src]="user_img">
        <div class="info-item" margin-left>
          <div class="phone">
            账号：{{user_info.phone}}
            <ion-icon color="gm-yellow" [name]="user_tag" *ngIf="user_info.type > 0"></ion-icon>
          </div>
          <div class="name" margin-top>昵称：{{user_info.name}}</div>
        </div>
      </div>

      <button ion-button clear icon-only color="white" (click)="onSetting()" class="btn-item">
        <ion-icon name="settings"></ion-icon>
      </button>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list margin-top>
    <button ion-item *ngFor="let item of items" (click)="itemSelected(item.id)">
      <ion-icon [name]="item.icon" item-start></ion-icon>
      {{item.title}}
      <!--<ion-icon name="arrow-forward" item-end></ion-icon>-->
    </button>
  </ion-list>

  <ion-fab right bottom *ngIf="user_info.type > 0">
    <button ion-fab color="gm-primary"><ion-icon name="md-share"></ion-icon></button>
    <ion-fab-list side="left">
      <button ion-fab color="gray-normal" (click)="onPubTradeInfo(3)"><b>平仓</b></button>
      <button ion-fab color="green" (click)="onPubTradeInfo(2)"><b>卖出</b></button>
      <button ion-fab color="red" (click)="onPubTradeInfo(1)"><b>买入</b></button>
    </ion-fab-list>
  </ion-fab>
</ion-content>
